<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>京东地址栏</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- <div class="wrap">
        <button>新增地址</button>
        <ul>
            <li>
                <div class="header">张三 河北 <span>默认</span></div>
                <div class="content">
                    <div class="left">
                        <h4>收货人:</h4>
                        <h4>所在地区:</h4>
                        <h4>地址:</h4>
                        <h4>手机:</h4>
                        <h4>固定电话:</h4>
                        <h4>电子邮箱:</h4>
                    </div>
                    <div class="right">
                        <h4>张三</h4>
                        <h4>河北省邯郸市复兴区</h4>
                        <h4>达到万分</h4>
                        <h4>13171996138</h4>
                        <h4>固定电话</h4>
                        <h4>电子邮箱</h4>
                    </div>
                    <div class="clear"></div>
                    <div class="right-fl">
                        <span>设为默认</span>
                        <span>编辑</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="header">张三 河北 <span>默认</span></div>
                <div class="content">
                    <div class="left">
                        <h4>收货人:</h4>
                        <h4>所在地区:</h4>
                        <h4>地址:</h4>
                        <h4>手机:</h4>
                        <h4>固定电话:</h4>
                        <h4>电子邮箱:</h4>
                    </div>
                    <div class="right">
                        <h4>张三</h4>
                        <h4>河北省邯郸市复兴区</h4>
                        <h4>达到万分</h4>
                        <h4>13171996138</h4>
                        <h4>固定电话</h4>
                        <h4>电子邮箱</h4>
                    </div>
                    <div class="clear"></div>
                    <div class="right-fl">
                        <span>设为默认</span>
                        <span>编辑</span>
                    </div>
                </div>
            </li>
        </ul>

    </div> -->
    <!-- <div class="box"></div>
    <div class="alert">
        <h2>收货人</h2>
        <input type="text">
        <div>
            所在地区: <span class="area"></span>
            <br/>
            <select name="" id="sheng"></select>
            <select name="" id="shi"></select>
            <select name="" id="qu"></select>
        </div>
        <h2>详细地址</h2>
        <input type="text">
        <h2>手机号</h2>
        <input type="text">
        <h2>固定电话</h2>
        <input type="text">
        <h2>邮箱地址</h2>
        <input type="text">
        <br />
        <button class="server">保存</button>
    </div> -->
    <script src="./index.js">

    </script>
</body>

</html>